<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body><div id="app">
		<div align="center">
			<h3 align="center">用户新增</h3><br>
			<p>
				用户名称: <input type="text" name="name" v-model="addUser.name"/>
				用户年龄: <input type="text" name="age" v-model="addUser.age"/>
				用户性别: <input type="text" name="sex" v-model="addUser.sex"/>
				<button >新增</button>
			</p>
		</div>
		<hr />
		<div align="center">
			
			<h3 align="center">用户修改操作</h3><br>
			<p>
					用户ID号: <input type="text" name="id" v-model="updateUser.id" disabled/>
					用户名称: <input type="text" name="name" v-model="updateUser.name"/>
					用户年龄: <input type="text" name="age" v-model="updateUser.age"/>
					用户性别: <input type="text" name="sex" v-model="updateUser.sex"/>
					<button @click="updateBtn(updateUser)"> 修改</button>
			</p>
		</div>
	</div>
		
		
		<script type="text/javascript">
		var updateUser = sessionStorage.getItem("updateUser");
			const app = new  Vue({
				el:"#app",
				data:{
				
				},
				methods:{
					
					
					updateClick(){
						// sessionStorage.setItem("updateUser",mini.encode(user))
						// window.location.href="http://127.0.0.1:8848/vuejs/1.%E5%85%A5%E9%97%A8%E6%A1%88%E4%BE%8B/%E4%BF%AE%E6%94%B9.html"
						console.log(updateUser)
			
					},
					async updateBtn(){
						let {data:result}= await axios.put("http://localhost:8090/axios/updateById",this.updateUser)  
						alert(result)
						this.updateUser={}
						
					},
					
					
				},
				mounted() {
					this.updateClick()
				}
				
			})
		</script>
	</body>
</html>
